<%-- 
    Document   : busquedaProvincias
    Created on : 07-mar-2012, 23:31:23
    Author     : Emi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../estilos/hojaEstilo1.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="../estilos/tablas.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="../estilos/botones.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="../estilos/mensajes.css" media="screen" />

        <script type="text/javascript" src="../scripts/lib/jquery.min.js"></script>
        <script type="text/javascript" src="../scripts/lib/jquery.tmpl.min.js"></script>

        <script type="text/javascript" src="../scripts/provincia.js"></script>
        <script type="text/javascript" src="../scripts/limpiezaForm.js"></script>
        <script type="text/javascript" src="../scripts/servicios.js"></script>
        <script type="text/javascript" src="../scripts/mensajes.js"></script>
        <script type="text/javascript" src="../scripts/vistas/busquedaProvincias.js"></script>



        <script id="provinciasTemplate" type="text/x-jquery-tmpl">
            <tr>
                <td class="perc6"><span id="id"><%="${id}"%></span></td>
                <td><span id="nombre"><%="${nombre}"%></span></td>
                <td class="perc15"><span id="idPais"><%="${paisId}"%></span></td>
            </tr>
        </script>

        <title>Búsqueda de provincias</title>
    </head>

    <body>
        <div id="divPaginaPpal" class="divPagina">
            <div id="divHeader" class="headPaginas">
                <span class="colIzq perc80 tituloApp">Búsqueda de provincias</span>
                <span class="colDer perc20"><a href="../index.jsp">Menú Principal</a></span>
            </div>
            <div id="divCuerpo" class="cuerpoPagina">
                <div id="divContieneBusquedas" class="divGrupoBusquedas">
                    <div id="divBuscarPorId">
                        <div id="labelNombre" class="labelCampoForm">Id de la provincia:</div>
                        <div id="valorNombre" class="valorCampoForm"><input type="text" id="tIdProvincia" name="tIdProvincia" onkeyup="prov.buscarPorId(document.getElementById('tIdProvincia').value)"></div>
                    </div>
                    <div id="divBuscarPorNombre">
                        <div id="labelNombre" class="labelCampoForm">Nombre de la provincia:</div>
                        <div id="valorNombre" class="valorCampoForm"><input type="text" id="tNombreProvincia" name="tNombreProvincia" onkeyup="prov.buscarPorNombre(document.getElementById('tNombreProvincia').value)"></div>
                    </div>
                    <div id="divLimpiarCriterios" class="divBusqueda">
                        <div id="divBotonLimpiarCriterios" class="divTipoBoton" onclick="limpiarCriterios()">Limpiar criterios
                        </div>
                    </div>

                </div>

                <div id="divMensajes" class="divMensaje">
                </div>


                <div id="divTablaProvincias">
                    <table id="tablaProvincias" class="tablaProvincia">
                        <thead class="headTablaProvincia">
                        <td>Id</td>
                        <td>Nombre</td>
                        <td>Id del País</td>
                        </thead>
                        <tbody class="bodyTablaProvincia">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <script id="mensajeErrorTemplate" type="text/x-jquery-tmpl">
            <div class="mensajeErrorGuardado">
                <span onclick="ocultarPadre(this)" class="ocultaMensajeErrorGuardado">x</span>
                <span><%="${mensaje}"%></span>
            </div>
        </script>

    </body>
</html>
